<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>H5P Test</title>
  <script type="text/javascript" src="/dist/main.bundle.js"></script>
</head>

<body>
  <div id="h5p-container-1"></div>
  <div id="h5p-container-2"></div>

  <script type="text/javascript">
    const {
      H5P
    } = H5PStandalone;

    async function setup() {
      await new H5P(document.getElementById('h5p-container-1'),
              {
                h5pJsonPath: '/test/full_workspace',
                frameJs: '/dist/frame.bundle.js',
                frameCss: '/dist/styles/h5p.css'
              });

      await new H5P(document.getElementById('h5p-container-2'),
              {
                h5pJsonPath: './full_workspace',
                frameJs: '/dist/frame.bundle.js',
                frameCss: '/dist/styles/h5p.css'
              });
    }

    setup();
  </script>
</body>

</html>